<!DOCTYPE html>
<html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>{$title}_{$name}</title>

 <!-- 导航菜单开始 -->
 <include file="Public:header" />
 <!-- 导航菜单结束 -->
 <!-- 首页轮播图开始 -->
 <div class="Imgshow w120">
 <include file="Public:banner" />
 </div>
 <!-- 轮播结束 -->
 <!-- 按照品类分类 -->
 <div class="h10"></div>
 <div class="over w120 bck">
 	<div class="title">
 		<span class='left'>按品类分:</span>
 		<div class="siz left">
 		<volist name="tag" id="tag">
 			<button class="btn btn-default btn-xs" type="button">
			  {$tag.tagname} <span class="badge">{$tag.id}</span>
			</button>
		</volist>
 		</div>
 	</div>
 </div>
 <!-- 分类结束 -->
 <!-- 列表开始01 -->
 <div class="food w120">
 	<ul>
 	<volist name='foodlist' id='foodlist'>
 		<li onclick="location.href='{:U('Product/index','id='.$foodlist['fid'])}'">
 			<div class="bk"></div>
 			<div class="info">
 				<div class="money"><b>¥{$foodlist.fprice}</b></div>
 				<div class="descript">
 					{$foodlist.fcontent|mb_substr=0,35,'utf-8'}...
 				</div>
 				<div class="stitle">
 					{$foodlist.fname}
 				</div>
 			</div>
 			<img src="__ROOT__{$foodlist.fpic}" alt="">
 		</li>
 	</volist>
 	</ul>
 </div>
 <!-- 结束 -->
 <!-- 任性一点 -->
 <div class="h10"></div>
 <div class="over w120 bck">
 	<div class="title">
 		<span class='left'>我的任性小餐:</span>
 		<div class="siz left">
 			<volist name="tags" id="tags">
 			<button class="btn btn-default btn-xs" type="button">
			  {$tags.tagname} <span class="badge">{$tags.id}</span>
			</button>
		</volist>
 		</div>
 	</div>
 </div>
 <!-- 任性结束 -->
 <div class="h10"></div>
 <!-- headfly -->
<div class="ps w120" style="position:relative;overflow:hidden">
<include file="Public:headfly" />
</div>
<!-- 第二次列表 -->
<!-- 任性一点 -->
 <div class="h10"></div>
 <div class="over w120 bck">
 	<div class="title">
 		<span class='left'>热门随机推荐:</span>
 		<div class="siz left">
 			<button class="btn btn-default btn-xs" type="button">
			  草莓味 <span class="badge">5</span>
			</button>
			<button class="btn btn-default btn-xs" type="button">
			  莎拉酱 <span class="badge">2</span>
			</button>
			<button class="btn btn-default btn-xs" type="button">
			  雨薇酱 <span class="badge">0</span>
			</button>
 		</div>
 	</div>
 </div>
 <!-- 任性结束 -->
 <!-- 列表开始02 -->
 <div class="food w120">
 	<ul>
 	<volist name='foodpage' id='foodpage'>
 		<li onclick="location.href='{:U('Product/index','id='.$foodpage['fid'])}'">
 			<div class="bk"></div>
 			<div class="info">
 				<div class="money"><b>¥{$foodpage.fprice}</b></div>
 				<div class="descript">
 					{$foodpage.fcontent|mb_substr=0,35,'utf-8'}...
 				</div>
 				<div class="stitle">
 					{$foodpage.fname}
 				</div>
 			</div>
 			<img src="__ROOT__{$foodpage.fpic}" alt="">
 		</li>
 	</volist>
 	</ul>
 </div>
 <!-- 结束 -->
 <!-- end -->
 <div class="h10"></div>
 <!-- 友情链接 -->
 <div id="link" class="w120">
 <a href="#">友情链接</a>:
 <a href="http://www.baidu.com" target="_blank">百度知道</a>
 <a href="http://sina.cn" target="_blank">新浪娱乐</a>
 <a href="http://he29.com" target="_blank">雅荷之家</a>
 <a href="http://tieba.baidu.com" target="_blank">百度贴吧</a>
 <a href="#">More</a>
 </div>
 <!-- 结束 -->
 <include file="Public:foot" />
 <!-- 结束 -->
<!-- 购物车模块 -->
</body>
</html>

<script type="text/javascript">
	$(document).ready(function() {
		$('.food ul li').hover(function() {
			$(this).find('.bk').fadeIn(50);
			$(this).find('.info').stop().animate({bottom: '45px'}, 500);
		}, function() {
			$(this).find('.bk').hide();
			$(this).find('.info').stop().animate({bottom: '-105px'}, 500);
		});
	});
</script>